import React, { Component,createRef } from 'react'

// export default class C extends Component {
//   myRef = createRef()
//   alertRef = () => {
//     alert(this.myRef.current.value)
//   }
//   render() {
//     return (
//       <>
//         <input type="text" ref={this.myRef}/>
//         <hr />
//         <button onClick={this.alertRef}>展示值</button>
//       </>
//     )
//   }
// }


function D() {
  const myRef = React.useRef()
  function alertRef() {
    alert(myRef.current.value)
  }
  return (
    <>
      <input type="text" ref={myRef}/>
      <hr />
      <button onClick={alertRef}>展示值</button>
    </>
  )
}

export default D